import Vue from 'vue'
import { storiesOf } from '@storybook/vue'
import MD from '../src/docs/button.md'


storiesOf('按钮 Button', module)
  .add('按钮', () => '<div class="mc">\
    <div>\
      <span>普通:</span>\
      <cl-button>默认按钮</cl-button>\
      <cl-button type="primary">主要按钮</cl-button>\
      <cl-button icon="icon-anfushipinguanli-xiazaijieguo">基础Icon按钮</cl-button>\
      <cl-button type="primary" icon="icon-anfushipinguanli-xiazaijieguo">主要Icon按钮</cl-button>\
    </div>\
    <div>\
      <span>禁用:</span>\
      <cl-button disabled>默认按钮</cl-button>\
      <cl-button type="primary" disabled>主要按钮</cl-button>\
      <cl-button icon="icon-anfushipinguanli-xiazaijieguo" disabled>基础Icon按钮</cl-button>\
      <cl-button type="primary" icon="icon-anfushipinguanli-xiazaijieguo" disabled>主要Icon按钮</cl-button>\
    </div>\
    <div>\
      <span>文本:</span>\
      <cl-button type="text">文本按钮</cl-button>\
      <cl-button type="text" disabled>文本按钮</cl-button>\
    </div>\
    <div>\
      <span>loading:</span>\
      <cl-button loading>默认按钮</cl-button>\
      <cl-button loading type="primary">主要按钮</cl-button>\
    </div>\
  </div>', {
    notes: { markdown: MD }
  });